<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>

        <!-- start: Meta -->
        <meta charset="utf-8">
        <title>SimpliQ - Flat & Responsive Bootstrap Admin Template</title>
        <meta name="description" content="SimpliQ - Flat & Responsive Bootstrap Admin Template.">
        <meta name="author" content="Łukasz Holeczek">
        <meta name="keyword" content="SimpliQ, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
        <!-- end: Meta -->

        <!-- start: Mobile Specific -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- end: Mobile Specific -->

        <!-- start: CSS -->
        <link href="../css/bootstrap.min.css" rel="stylesheet">
        <link href="../css/bootstrap-responsive.min.css" rel="stylesheet">
        <link href="../css/style.min.css" rel="stylesheet">
        <link href="../css/style-responsive.min.css" rel="stylesheet">
        <link href="../css/retina.css" rel="stylesheet">
        <!-- end: CSS -->


        <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
                <link id="ie-style" href="css/ie.css" rel="stylesheet">
        <![endif]-->

        <!--[if IE 9]>
                <link id="ie9style" href="css/ie9.css" rel="stylesheet">
        <![endif]-->

        <!-- start: Favicon and Touch Icons -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
        <link rel="shortcut icon" href="ico/favicon.png">
        <!-- end: Favicon and Touch Icons -->	

    </head>
    <body>
        <div id="content" class="span10">
            <!-- start: Content -->
            <div class="row-fluid">
                <div class="box span12">
                    <div class="box-header" data-original-title>
                        <h2><i class="icon-user"></i><span class="break"></span>Pages</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
                            <a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="icon-remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <table class="table table-striped table-bordered bootstrap-datatable datatable">
                            <thead>
                                <tr>
                                    <th>Title</th>
                                    <th>Date public</th>
                                    <th>Role</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>   
                            <tbody>
                                <tr>
                                    <td>Anton Phunihel</td>
                                    <td class="center">2012/01/01</td>
                                    <td class="center">Member</td>
                                    <td class="center">
                                        <span class="label label-success">Active</span>
                                    </td>
                                    <td class="center">
                                        <a class="btn btn-success" href="#">
                                            <i class="icon-zoom-in "></i>  
                                        </a>
                                        <a class="btn btn-info" href="#">
                                            <i class="icon-edit "></i>  
                                        </a>
                                        <a class="btn btn-danger" href="#">
                                            <i class="icon-trash "></i> 
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Alphonse Ivo</td>
                                    <td class="center">2012/01/01</td>
                                    <td class="center">Member</td>
                                    <td class="center">
                                        <span class="label label-success">Active</span>
                                    </td>
                                    <td class="center">
                                        <a class="btn btn-success" href="#">
                                            <i class="icon-zoom-in "></i>  
                                        </a>
                                        <a class="btn btn-info" href="#">
                                            <i class="icon-edit "></i>  
                                        </a>
                                        <a class="btn btn-danger" href="#">
                                            <i class="icon-trash "></i> 
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Thancmar Theophanes</td>
                                    <td class="center">2012/01/01</td>
                                    <td class="center">Member</td>
                                    <td class="center">
                                        <span class="label label-success">Active</span>
                                    </td>
                                    <td class="center">
                                        <a class="btn btn-success" href="#">
                                            <i class="icon-zoom-in "></i>  
                                        </a>
                                        <a class="btn btn-info" href="#">
                                            <i class="icon-edit "></i>  
                                        </a>
                                        <a class="btn btn-danger" href="#">
                                            <i class="icon-trash "></i> 
                                        </a>
                                    </td>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Walerian Khwaja</td>
                                    <td class="center">2012/01/01</td>
                                    <td class="center">Member</td>
                                    <td class="center">
                                        <span class="label label-success">Active</span>
                                    </td>
                                    <td class="center">
                                        <a class="btn btn-success" href="#">
                                            <i class="icon-zoom-in "></i>                                            
                                        </a>
                                        <a class="btn btn-info" href="#">
                                            <i class="icon-edit "></i>                                            
                                        </a>
                                        <a class="btn btn-danger" href="#">
                                            <i class="icon-trash "></i> 
                                        </a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>            
                    </div>
                </div><!--/span-->
            </div>

            <div class="row-fluid">
                <div class="box span12">
                    <div class="box-header">
                        <h2><i class="icon-edit"></i>Create New Pages</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
                            <a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="icon-remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <form class="form-horizontal">
                            <fieldset>
                                <div class="control-group">
                                    <label class="control-label" for="typeahead">Auto complete </label>
                                    <div class="controls">
                                        <input type="text" class="span6 typeahead" id="typeahead"  data-provide="typeahead" data-items="4" data-source='["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]'>
                                        <p class="help-block">Start typing to activate auto complete!</p>
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="date01">Date input</label>
                                    <div class="controls">
                                        <input type="text" class="input-xlarge datepicker" id="date01" value="02/16/12">
                                    </div>
                                </div>

                                <div class="control-group">
                                    <label class="control-label" for="fileInput">File input</label>
                                    <div class="controls">
                                        <input class="input-file uniform_on" id="fileInput" type="file">
                                    </div>
                                </div>          
                                <div class="control-group hidden-phone">
                                    <label class="control-label" for="textarea2">Textarea WYSIWYG</label>
                                    <div class="controls">
                                        <textarea class="cleditor" id="textarea2" rows="3"></textarea>
                                    </div>
                                </div>
                                <div class="form-actions">
                                    <button type="submit" class="btn btn-primary">Save changes</button>
                                    <button type="reset" class="btn">Cancel</button>
                                </div>
                            </fieldset>
                        </form>   

                    </div>
                </div><!--/span-->
            </div>
        </div><!--/row-->
        <!-- end: Content -->
    <!-- start: JavaScript-->
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/jquery-migrate-1.0.0.min.js"></script>	
    <script src="../js/jquery-ui-1.10.3.custom.min.js"></script>	
    <script src="../js/jquery.ui.touch-punch.js"></script>	
    <script src="../js/modernizr.js"></script>	
    <script src="../js/bootstrap.min.js"></script>	
    <script src="../js/jquery.cookie.js"></script>	
    <script src='../js/fullcalendar.min.js'></script>	
    <script src='../js/jquery.dataTables.min.js'></script>
    <script src="../js/excanvas.js"></script>
    <script src="../js/jquery.flot.js"></script>
    <script src="../js/jquery.flot.pie.js"></script>
    <script src="../js/jquery.flot.stack.js"></script>
    <script src="../js/jquery.flot.resize.min.js"></script>
    <script src="../js/jquery.flot.time.js"></script>

    <script src="../js/gauge.min.js"></script>
    <script src="../js/jquery.chosen.min.js"></script>	
    <script src="../js/jquery.uniform.min.js"></script>		
    <script src="../js/jquery.cleditor.min.js"></script>	
    <script src="../js/jquery.noty.js"></script>	
    <script src="../js/jquery.elfinder.min.js"></script>	
    <script src="../js/jquery.raty.min.js"></script>	
    <script src="../js/jquery.iphone.toggle.js"></script>	
    <script src="../js/jquery.uploadify-3.1.min.js"></script>	
    <script src="../js/jquery.gritter.min.js"></script>	
    <script src="../js/jquery.imagesloaded.js"></script>	
    <script src="../js/jquery.masonry.min.js"></script>	
    <script src="../js/jquery.knob.modified.js"></script>	
    <script src="../js/jquery.sparkline.min.js"></script>	
    <script src="../js/counter.min.js"></script>	
    <script src="../js/raphael.2.1.0.min.js"></script>
    <script src="../js/justgage.1.0.1.min.js"></script>	
    <script src="../js/jquery.autosize.min.js"></script>	
    <script src="../js/retina.js"></script>
    <script src="../js/jquery.placeholder.min.js"></script>
    <script src="../js/wizard.min.js"></script>
    <script src="../js/core.min.js"></script>	
    <script src="../js/charts.min.js"></script>	
    <script src="../js/custom.min.js"></script>
    <!-- end: JavaScript-->
</body>
</html>
